.{$tagInput-prefix}
  width 250px
  display inline-block
  display flex
  flex-wrap wrap
  &-input-border
    cursor default
    background-color $white-color
    border-radius $border-radius-size
    border 1px solid $gray4-color
    vertical-align top
    transition all $transition-time linear
    padding 2px 2px 0
    font-size $font-size-mini
    position relative
    box-sizing border-box
    &:hover
      border 1px solid $primary-color
    &.focusing
      border 1px solid $primary-color
      box-shadow 0 0 0 2px rgba($primary-color, .2)
  > span
    margin-bottom 2px
    margin-right 5px
    display inline-block
    border-radius 2px
    transition all $transition-time linear
    border 1px solid $gray4-color
    background-color $gray5-color
    font-size $font-size-mini
    padding 0 8px
    > span
      line-height 22px
    > .{$icon-prefix}-close
      font-size 14px
      display inline-block
      width 14px
      margin-left 2px
      vertical-align -1px
      cursor pointer
      transition color $transition-time ease
      &:hover
        color $primary-color
input[type=text]
  &.{$tagInput-prefix}-input
    flex 1
    min-width 80px
    width auto
    max-width 100%
    border-color rgba($dark-color, 0) !important
    line-height 13px
    font-size $font-size-mini
    height 24px
    margin-bottom 2px
    padding-left 5px
    &:focus
      box-shadow none !important
